<!DOCTYPE html>
<html>
	<head>
		<meta name="viewport" content="width=480; user-scalable=no" />
		<meta http-equiv="Content-type" content="text/html; charset=utf-8">
		<title>The Placemarker App</title>
		<link rel="stylesheet" href="master.css" type="text/css" media="screen" charset="utf-8">
		<script type="text/javascript" charset="utf-8" src="jquery.js"></script>
		<script type="text/javascript" charset="utf-8" src="jquery.json.js"></script>
		
		<script type="text/javascript" charset="utf-8" src="phonegap-1.3.0.js"></script>
		<script type="text/javascript" charset="utf-8" src="app_manager.js"></script>
			
		<style type="text/css">
			#theMapView {
				display: none; margin-top: 20px; width:97%; height: 386px;
			}
		</style>
	</head>
	<body onload="onLoad();" id="stage" class="theme">
		<h4>The Placemarker</h4>
		<p id="geolocation">Watching geolocation...</p>
		<a href="#" class="btn " onclick="getLocation('read');">Get My Location</a>
		<a href="#" class="btn " onclick="getLocation('save');">Save My Location</a>
		<iframe onload="mapLoaded(this)" id="theMapView" src="http://tantrieuf31.summerhost.info/placemarker/v_map_mobile.html?mobileApp=true" ></iframe>
	</body>
</html>
